#app {
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  display: flex;
  align-items: center;
  justify-content: center;

  // 大容器
  .container {
    display: flex;
    width: 460px;
    height: 550px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #9acfea;
    border: 3px solid rebeccapurple;
    border-radius: 15px;

    // 舞台
    .stage {
      width: 400px;
      height: 400px;
      position: relative;
      margin-top: 25px;
      border: 5px dotted black;

      #snake {
        position: absolute;

        #header {
          background-color: #843534;
          border-radius: 50%;
        }

        div {
          position: absolute;
          background-color: rebeccapurple;
          border: 1px solid transparent;
        }
      }

      // 食物
      .food {
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;

        div {
          width: 4px;
          height: 4px;
          background-color: #843534;
          transform: rotate3d(2,3,4,45deg);
        }
      }
    }

    // 计数面板
    .score-panel {
      display: flex;
      width: 400px;
      height: 50px;
      margin-bottom: 20px;
      justify-content: space-between;
      align-items: end;
      font-size: 24px;

    }
  }
}
